/* 导航栏样式 */
@import "color.css"; 

.layui-layout-admin .layui-header{
	height: 50px;
	/* background-color: valueOf(layui-bg-green); */
	background-color: var(--headerBGColor);
}

.layui-layout-admin .layui-header .side-toggle{
	left: 220px;
	display: block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    color: var(--sideToggleColor);
}
.layui-layout-admin .layui-header .side-toggle:hover{
	background-color: var(--sideToggleColorHover);
}



.layui-layout-admin .layui-header .layui-nav .layui-nav-item{
	line-height: 50px;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item>a{
	color: var(--headerFontsColor);
	padding: 0 16px;
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item>a:hover{
	background-color: var(--sideNavFontsColorHover);
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item>a>.fa{
	font-size: 18px;
	position: relative;
	top: 3px;
}
.layui-layout-admin .layui-header .layui-nav .eh-screen-full.full-on>.fa:before{
	content: "\e758";
}
.layui-layout-admin .layui-header .layui-nav .eh-nav-user>a{
	padding-right: 28px;
}

/* 消除导航按钮底部下划线 */
.layui-layout-admin .layui-header .layui-nav-bar{
	background-color: rgba(0,0,0,0);
}
/* 消除导航下拉框按钮底部下划线 */
.layui-layout-admin .layui-header .layui-nav .layui-this:after{
	background: none;
}
.layui-layout-admin .layui-header .layui-nav-child{
	top:55px;
	left: -60px;
	right: 0;
	padding: 0;
	margin-top: 2px;
	text-align: center;
	box-shadow: initial;
	border: initial;
	background-color: initial;
}
.layui-layout-admin .layui-header .eh-nav-child-box{
	float: right;
	min-width: 120px;
	padding: 5px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,.12);
	border: 1px solid #d2d2d2;
	background-color: var(--navChildBoxBGColor);
}
